<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!--html 结构：有序列表、无序列表、定义列表
		    有序列表与无序列表自带样式，样式可以修改
			列表样式属性
			list-style-type 列表项标志属性
			有序自有一套属性值：none
			无序自有一套属性值：none
			-->
			<style>
				/*常用属性：list-style-type 针对无序列表【有利于SEO优化】
				有序列表*/
				ol li{
					/*去标列表样式--通配选择器一起使用*/
					list-style-type: decimal;/*默认值*/
					li  st-style-type: none;
					list-style-type: lower-roman;/*小写罗马数字 i、ii*/
					list-style-type: upperlower-roman;/*小写罗马数字 I、II*/
				}
				ul li{
					list-style-type: decimal;/*默认值*/
					list-style-type: none;
					list-style-type: square;/*实心圆*/
					list-style-type: circle;/*空心圆*/
				}
			</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>123</li>
			<li>456</li>
			<li>789</li>
		</ol>
		<h1>无序列表:页面上存在大量相同类型集合，有利于SEO优化</h1>
		<ul>
			<li>abc</li>
			<li>def</li>
			<li>ghi</li>
		</ul>
	</body>
</html>